<!DOCTYPE html>
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width">
    {% block title %}
    <title>
        index
    </title>
    {% endblock %}
<link rel="stylesheet" href="/static/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/css/bootstrap-theme.min.css">
<link href="/static/css/mycss.css" rel="stylesheet">
</head>
<body>
<div class="bigdiv">
    <div class="header">
        <div class="Title">
            <span>
                <a id="Title" href="/index/">
                   Crontab 管理系统
                </a>
            </span>
        </div>
        <div class="plugins">
            <span>
                帮助
            </span>
        </div>
    </div>
    <div class="content">
        <div class="menu">
            <ul>
                <li>
                    用户
                </li>

                <li>
                    <a href="/manage/">管理</a>
                </li>
                <li>
                    <a href="/readme/">readme</a>
                </li>
                <li>
                    <a href="/dbpage/">dbpage</a>
                </li>
            </ul>
        </div>
        <div class="right-content">

        </div>
    </div>

</div>

<script src="/static/js/jquery-3.1.1.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script type="text/javascript">
    $(".menu>ul>li>a").click(function (e) {
        var Href = $(this).attr("href");
        $(".right-content").empty();
        $.ajax({
            type: "GET",
            url: Href,
            success: function (data) {
                $(".right-content").append(data);
                $(data).find("script").appendTo(".right-content");
            }
        });
        $(this).parents("li").addClass("active").siblings("li").removeClass("active");
        return false
    })
</script>
</body>
</html>